<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>       
        <link href="css/Global.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="css/jqGalScroll.css" rel="stylesheet" type="text/css" media="screen" /> 
		<script type="text/javascript" src="js/global.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jqgalscroll.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#demoOne").jqGalScroll();
			});
		</script>
		
		<title>DynamiKoncept</title>
		
		<SCRIPT LANGUAGE="JavaScript"> //appelle la fonctione swapPicture qui fait changer les imgaes de notre logo
			<!--
			var dimages=new Array();
			var numImages=5;
			for (i=0; i<numImages; i++)
			{
			  dimages[i]=new Image();
			  dimages[i].src="images/logo"+(i+1)+".png";
			}
			var curImage=-1;
			setTimeout("swapPicture()", 5000); 
			//-->
		</SCRIPT>
	</head>
	<body>
		<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;"	src="images/background.png" alt=""/>
		<div style="position:absolute;left:0px;top:0px;width:100%;height:100%;">
		
		<div class="top">
			<div >
				 <IMG class="logo" ID="myImage" NAME="myImage" SRC="images/logo1.png"></IMG>
			</div>
			
			<div class="nom">DynamiKoncept</div>			
		</div>
		<div class="menu clear">
			<div class="option" name="accueil"><a href="<?php echo $menus[0][1]; ?>" style="color:white"><?php echo $menus[0][0]; ?></a></div>
			
			<div id="menu1"  class="option">
				<div name="compagnie"><a href="<?php echo $menus[1][1]; ?>" style="color:white" onmouseover="afficherMenu(1);" onmouseout="outSubMenu(1);"><?php echo $menus[1][0]; ?></a></div>
				
				<ul style="display:none;list-style-type:none;z-index:1000;position:absolute;">
			    			<li><div name="historique" style="text-align:left;" onmouseover="inSubMenu(1);" onmouseover="outSubMenu(1);" ><a href="<?php echo $menus[2][1]; ?>" style="color:white"><?php echo $menus[2][0]; ?></a></div></li>
		    				<li><div name="equipe" style="text-align:left;" onmouseover="inSubMenu(1);" onmouseover="outSubMenu(1);" ><a href="<?php echo $menus[3][1]; ?>" style="color:white"><?php echo $menus[3][0]; ?></a></div></li>
		    	</ul>
			
			</div>
			<div class="option" name="carrieres"><a href="<?php echo $menus[4][1]; ?>" style="color:white"><?php echo $menus[4][0]; ?></a></div>
			<div class="option" name="photos"><a href="<?php echo $menus[5][1]; ?>" style="color:white"><?php echo $menus[5][0]; ?></a></div>
			<div class="option" name="services"><a href="<?php echo $menus[6][1]; ?>" style="color:white"><?php echo $menus[6][0]; ?></a></div>
			<div class="option" name="contactez"><a href="<?php echo $menus[7][1]; ?>" style="color:white"><?php echo $menus[7][0]; ?></a></div>
			<div class="option" name="langue"><a href="<?php echo $menus[8][1]; ?>" style="color:white"><?php echo $menus[8][0]; ?></a></div>
		</div>
		<div>
		